<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/jquery.js"></script>
    <script>
        function generateNum() {
            var p = new Promise(function(resolve, reject) {
                setTimeout(function() {
                    var num = Math.random()
                    if (num >= 0.5) {
                        resolve(num)
                    } else {
                        reject(num)
                    }
                }, 2000)
            })
            return p
        }

        $(function() {
                $('button').click(async function() {
                    try {
                        var n = await generateNum()
                        console.log('成功' + n);
                    } catch (error) {
                        console.log('失败' + error);

                    }
                })
            })
            // 点击按钮调用generateNum, 这个函数内部会在2s后产生一个随机数值, 如果这个随机数大于0.5,则代表任务成功, 否则代表任务失败
            // 如何在点击处理中使用两种方式得到成功和失败的状态,和所产生的随机值
    </script>
</head>

<body>
    <button>点我试试</button>
</body>

</html>